
/**
 * 使用react地图组件
 * @returns 
 */
import type { LarkMapProps } from '@antv/larkmap';
import { LarkMap } from '@antv/larkmap';
import React from 'react';

const config: LarkMapProps = {
  mapType: 'Gaode',
  mapOptions: {
    style: 'light',
    center: [120.210792, 30.246026],
    zoom: 9,
    token: 'd146894d2b143531eceec64681a41346',
  },
};

export default () => (
  <LarkMap {...config} style={{ height: '300px',border: '1px solid red' ,width: '800px' }}>
    <h2 style={{ position: 'absolute', left: '10px' }}>LarkMap</h2>
  </LarkMap>
);





/**
 * 使用react地图组件
 * @returns 
 */
// import type { LarkMapProps } from '@antv/larkmap';
// import { LarkMap } from '@antv/larkmap';
// import React from 'react';


// const ReactComponts=()=>{

   
//     return (
    
//         <LarkMap id="container" map={getMapInstance} style={{ height: '300px' }} />
//     )
// }

// export default ReactComponts;